*{
    margin: 0;
    padding: 0;
}
body,html{
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 108 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
.mains{
     background: white;
   .txh();
   position: absolute;
   left: 0;
   bottom: 0;
   .px2rem(top,120);
   width: 100%;
   justify-content: center;
   .section{
        .txh();
        width: 80%;
       flex-direction: column;
       div{
           .txh();
           .px2rem(height,274);
           flex-direction: column;
          span{
           .px2rem(font-size,48);
           .px2rem(padding-bottom,35);
           font-weight: bolder;
          } 
          input{
              .px2rem(border-radius,20);
              .px2rem(font-size,50);
              .px2rem(padding-left,40);
              
              .px2rem(height,122);
              border: 1px #CCCCCC solid;
              
          }
       }
       div:nth-child(1){
           .px2rem(margin-top,120);
           
       }
       .button{
           .px2rem(height,136);
           background: #25252f;
           color: white;
           .px2rem(font-size,55);
           .px2rem(border-radius,20);
           .px2rem(margin-top,90);
           
       }
   }
}
